import React from 'react';
import ReactDOM from 'react-dom';
import {IndexView} from "./views/IndexView";
import './base/base.scss';
import {LoginView} from "./views/login/LoginView";
import {BrowserRouter as Router, Route} from 'react-router-dom'
import {EditView} from "./views/edit/EditView";
import {HelpView} from "./views/help/HelpView";
import {DetailView} from "./views/detail/DetailView";

class App extends React.Component{

    render(){

        return <Router>

            <div>

                <Route exact path="/" component={IndexView} />
                <Route path="/login" component={LoginView} />
                <Route path="/detail/:recordId" component={DetailView} />
                <Route path="/edit/:recordId" component={EditView} />
                <Route path="/help" component={HelpView} />

            </div>

        </Router>
    }
}

ReactDOM.render(<App/>,document.getElementById('app'));